<template>
  <div>
   <div class="bigbox">
     <div class="header">
      <h1 @click="fun()">&lt;</h1>
      <h2>套餐专区</h2>       
     </div>
     <div class="taocanzhuanqu">
       <div class="taocanzhuanqu-con">
         <img src="img/yueimg/34.jpg">
       </div>
     </div>
     <div class="youhui">
       <div class="youhui-con">
         <van-tabs class="youhui-con-a" v-model="activeName">
          <van-tab class="youhui-con-a-one" title="套餐优惠" name="a">
            <div>
              <img src="img/yueimg/35.jpg" alt="">
              <img src="img/yueimg/36.jpg" alt="">
            </div>
          </van-tab>
          <van-tab title="99元畅想5G" name="b">
            <img src="img/yueimg/37.jpg" alt="">
            <img src="img/yueimg/38.jpg" alt="">
            <img src="img/yueimg/39.jpg" alt="">
            <img src="img/yueimg/40.jpg" alt="">
            <img src="img/yueimg/41.jpg" alt="">
          </van-tab>
          <van-tab title="更多套餐" name="c">
            <img src="img/yueimg/42.jpg" alt="">
            <img src="img/yueimg/43.jpg" alt="">
            <img src="img/yueimg/44.jpg" alt="">
            <img src="img/yueimg/45.jpg" alt="">
          </van-tab>
         </van-tabs>
       </div>
     </div>
   </div>
  </div>
</template>

<script>
export default {
  methods:{
    fun(){
      this.$router.go(-1)
    }
  },
  data() {
    return {
      activeName: 'a',
    };
  }
}
</script>

<style scoped>
.bigbox{
  overflow: hidden;
}

.header{
  width: 100%;
  background-color: white;
  height: 0.77rem;
  line-height: 0.77rem;
  position: fixed;
  border-bottom: 1PX solid gray;
  z-index: 9999;
}

.header h1,h2{
  float: left;
}

.header h2{
  margin-left:1.3rem;
}

.taocanzhuanqu{
  width: 100%;
  margin-top: 0.77rem;
}

.taocanzhuanqu .taocanzhuanqu-con{
  width: 100%;
  height: 3.36rem;
  background-color: pink;
  margin: auto;

}

.taocanzhuanqu .taocanzhuanqu-con img{
  width: 100%;
  height: 100%;
  
}

.youhui{
  width: 100%;
}

.youhui .youhui-con{
  background-color: #cef1d1;
}

.youhui .youhui-con .youhui-con-a{
  font-size: 0.19rem;
  
}



.youhui .youhui-con img{
  width: 3.31rem;
  height: 2.05rem;
  margin-left: 0.3rem;
  margin-top: 0.22rem;
}
</style>